//头部公用样式
.top-bar{
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	width: 100%;
	height: 88rpx;
	box-sizing: border-box;
	padding-top: var(--status-bar-height);
	background:rgba(255,255,255,0.96);
	// border-bottom: 1px solid $uni-border-color;
	// padding-left: $uni-spacing-col-base;
	// padding-right: $uni-spacing-col-base;
	.top-bar-left{
		position: relative;
		float: left;
		padding-left: $uni-spacing-col-base;
		z-index: 102;
		image{
			margin-top: 10rpx;
			width: 68rpx;
			height: 68rpx;
			border-radius: 16rpx;
		}
	}
	.top-bar-center{
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		.logo{
			padding: 19rpx;
			width: 82rpx;
			height: 42rpx;
		}
		.title{
			
		}
	}
	.top-bar-right{
		float: right;
		padding-right: 14rpx;
		.search{
			width: 88rpx;
			height: 88rpx;
			display: inline-block;
			// border: 1px solid red;
		}
		.add{
			width: 88rpx;
			height: 88rpx;
			// padding-right: 14rpx;
			display: inline-block;
			// border: 1px solid red;
		}
		.text{
			font-size: $uni-font-size-lg;
			font-weight: 500;
			color: $uni-text-color;
			line-height: 88rpx;
			padding-right: $uni-spacing-col-base;
		}
		image{
			padding: 18rpx 0 0 18rpx;
			width: 52rpx;
			height: 52rpx;
		}
		.more-image{
			padding-right: $uni-spacing-col-base;
			height: 88rpx;
			padding-top: 10rpx;
			image{
				width: 52rpx;
				height: 12rpx;
			}
		}
	}
}
